
.special-type-of-articles-type-card {
  .hx-cy-card-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;

    .react-horizontal-scrolling-menu--item {
      &:not(:last-child) {
        .special-type-of-articles-type-content {
          border-right: 1px dashed #D7D7D7;
        }
      }
    }
  }
}

.special-type-of-articles-type-container {
  width: 360px;

  &:hover {
    background-color: #F6FAFF;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  }

  .special-type-of-articles-type-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    padding-top: 24px;

    .special-type-of-articles-type-icon {
      > .anticon {
        font-size: 52px;
        width: 54px;
        height: 54px;
      }

      > img {
        width: 54px;
        height: 54px;
        display: block;
      }
    }

    .special-type-of-articles-type-title {
      font-weight: 600;
      font-size: 20px;
      color: #4E4E4E;
    }
  }

  .special-type-of-articles-type-content {
    padding: 12px 28px;
    display: flex;
    flex-direction: column;
    gap: 0;

    .hx-article-special-item-container {
      &:not(:last-child) {
        border-bottom: 1px solid #F1F1F1;;
      }
    }
  }
}